.c_s_transmission_wrapper{
   width: 100%;
   height: 100%;
   .source_mterial_list{
      display: flex;
      flex-wrap: wrap;
      .source_mterial_item{
         position: relative;
         width: 318px;
         height: 700px;
         margin: 10px;
         background-image: url('./imgs/sourceMterial.jpg');
         background-repeat: no-repeat;
         background-size:contain;
         padding:110px 30px 10px 30px ;
         .source_mterial_item_title{
            font-size: 20px;
            font-weight: bold;
            display: flex;
            align-items: center;
            // justify-content: center;
         }
         .source_mterial_text_content{
            margin-top: 16px;
            .source_mterial_text_item{
               margin-bottom: 12px;
               display: flex;
               .source_mterial_item_icon{
                  width: 24px;
                  height: 24px;
                  img{
                     width: 100%;
                     height: 100%;
                  }
               }
               .source_mterial_item_text{
                  flex: 1;
                  font-size: 16px;
                  margin-left: 4px;
                  color: #000;
               }
            }
         }
         .source_mterial_text_content_tip{
            width: 60%;
            background-color: #a09f9f;
            border-radius: 4px;
            padding: 4px;
            position: absolute;
            bottom: 90px;
            font-size: 10px;
            left: 10px;
            color: #fff;
         }
      }
   }
}